{extend name="layout/base"}

{block name="content"}
<!--Banner-->
<div class="banner" id="index-banner">
    <div class="banner-pics">
        <ul class="banner-pics-list OnSale-banner">
            <li><a href=""><img src="__CDN__/assets/images/ind-banner.jpg" alt=""/></a></li>
            <li><a href=""><img src="__CDN__/assets/images/ind-banner.jpg" alt=""/></a></li>
            <li><a href=""><img src="__CDN__/assets/images/ind-banner.jpg" alt=""/></a></li>
        </ul>
    </div>
    <ul class="banner-tit">
        <li class="on"></li>
        <li></li>
        <li></li>
    </ul>
</div>

<div class="business-tab">
    <ul>
        <li class="active">基本信息</li>
        <li>浏览量158</li>
        <li>拨打量90</li>
    </ul>
</div>

<div class="business-content">
    <div class="content-item active">
        <div class="company-info">
            <div class="btn-box">
                <div class="btn-group">
                    <button type="button" class="btn btn-default btn-active">基本信息</button>
                    <button type="button" class="btn btn-default">认证信息</button>
                </div>
            </div>
             <!-- <p><a href="http://api.map.baidu.com/marker?location=39.916979519873,116.41004950566&title=目的位置&content=百度奎科大厦&output=html">adsasdasdasdasdasdasdasd</a></p> -->
            <h2>大队委</h2>
            <div class="sub-content-box">
                <div class="container active">
                    <p><i class="linkman"></i> <span>联系人</span> <span>李某某</span> </p>
                    <p><i class="telephone"></i> <span>手&nbsp;&nbsp;&nbsp;机</span> <span>13758855885</span> </p>
                    <p><i class="phone"></i> <span>座&nbsp;&nbsp;&nbsp;机</span> <span>028-12345434</span> </p>
                    <p><i class="qq"></i> <span>Q&nbsp;&nbsp;&nbsp;Q</span> <span>221478569</span> </p>
                    <p><i class="map"></i> <span>地&nbsp;&nbsp;&nbsp;址</span> <span>成都市新都区高新大道188号</span> </p>
                    <p><i class="link"></i> <span>公司网站</span> <span>http://www.baidu.com</span> </p>
                </div>
                <div class="container">
                    <p><i class="auth"></i> <span>认证商家</span> <span>李某某111</span> </p>
                    <p><i class="auth_time"></i> <span>认证时间</span> <span>13758855885</span> </p>
                    <p><i class="baozheng"></i> <span>售后保证金</span> <span>028-12345434</span> </p>
                    <p><i class="zhizhao"></i> <span>营业执照</span> <span>221478569</span> </p>
                    <p><i class="fanwei"></i> <span>经营范围</span> <span>成都市新都区高新大道188号成都市新都区高新大道188号成都市新都区高新大道188号成都市新都区高新大道188号成都市新都区高新大道188号</span> </p>
                </div>
            </div>
        </div>
    </div>
    <div class="content-item">
        <div class="container">

        </div>
    </div>
    <div class="content-item">
        拨打量
    </div>
</div>
{/block}

{block name="footer"}
{include file="common/footer" /}
{/block}

{block name="script"}
<script src="__CDN__/assets/js/TouchSlide.1.1.js"></script>
<script type="text/javascript">
TouchSlide({
    slideCell:"#index-banner",
    titCell:".banner-tit li",//开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
    mainCell:".banner-pics-list",
    effect:"left",
    autoPlay:true,//自动播放
})
$(function() {
    $('.btn-default').click(function() {
        $(this).addClass('btn-active').siblings().removeClass('btn-active');
        $('.sub-content-box .container').eq($(this).index()).addClass('active').siblings().removeClass('active');
    })
    $('.business-tab li').click(function() {
        $(this).addClass('active').siblings().removeClass('active');
        $('.business-content .content-item').eq($(this).index()).addClass('active').siblings().removeClass('active');
    })
})
</script>
{/block}
